<template>
	<div class="ds-con-container" :style="{  width: width + 'px', height: height + 'px'}">
		<div class="ds-icon-body icon" :class="props.icon"></div>
	</div>
</template>

<script setup>
	import {defineProps} from 'vue';
	const props = defineProps({
		icon:{
			type:String,
			default:""
		},
		width:{
			type:Number,
			default:40
		},
		height: {
			type: Number,
			default:40
		}
	})
</script>

<style lang="less" scoped>
.ds-icon-container {
	display: flex;
	justify-content: center;
	align-items: center;
}
.ds-icon-body {
	width: 100%;
	height: 100%;
	background-size: cover;
	min-height: 10px;
	line-height: 10px;
}
</style>
